<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="images/hm_favicon.ico">
    <title>海马课堂</title>
    <link rel="stylesheet" href="1.css">
</head>
<body>
    <header>
        <div class="top-banner">
            <div class="top-left">
                <a href="#"><img src="images/home.png" alt="" style="width:14px;vertical-align: text-top;"> 海马官网</a>
                <a href="#">登录 | 注册</a>
            </div>
            <div class="top-right">
                <a href="#">代理加盟 | </a>
                <a href="#">个人中心 | </a>
                <a href="#">在线客服 </a>
                <span><img src="images/tel.png" alt=""> 400-096-27666</span>
            </div>
        </div>
    </header>
    <div class="bg">
        <div class="bgbanner">
            <div class="bgbanner-left">
                <a href="#"><img src="images/logo.png" alt=""></a>
            </div>
            <div class="bgbanner-right">
                <div class="sousuokuang">
                    <img src="images/sou.png" alt="">
                    <input type="text">
                    <a href="#">搜索</a>
                </div>
                <a href="#"><img src="images/shopping.png" alt="">我的购物车</a>
            </div>
        </div>
    </div>
    <div class="bg1">
        <div class="bg1-banner">
            <video data-v-0690047c="" muted="muted" autoplay="autoplay" loop="loop" webkit-playsinline="true" playsinline="true" x-webkit-airplay="allow" width="836px" height="384px" src="https://1252838240.vod2.myqcloud.com/ea50cd62vodgzp1252838240/cd6db30b5285890789928937838/7TqKrdhKzDoA.mp4"></video>
            <div>
                <div>
                    <a href="#"><img src="images/default-avatar.png" alt=""> 登录 注册</a>
                </div>
                <div>
                    <div>
                        <a href="#">
                            <img src="images/o-index02.png" alt="">
                            <p>学习卡激活</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="images/o-index03.png" alt="">
                            <p>学习卡激活</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="images/o-index04.png" alt="">
                            <p>学习卡激活</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="images/o-index05.png" alt="">
                            <p>学习卡激活</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="images/o-index06.png" alt="">
                            <p>学习卡激活</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <img src="images/more_home.png" alt="">
                            <p>学习卡激活</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="bg1-banner1">
            <div>
                <img src="images/5c528d33356c4.png" alt="">
                <div>
                    <h2>优惠热销<img src="images/sell.png" alt=""></h2>
                    <p>心动不如行动，海码课堂隆重推出热销优惠课程，将初中学段的物理、化学课程进行精确组合，享受更多组合，更多优惠！</p>
                </div>
            </div>
            <div>
                <img src="images/5c528d3335390.png" alt="">
                <div>
                    <h2>优惠热销<img src="images/select.png" alt=""></h2>
                    <p>心动不如行动，海码课堂隆重推出热销优惠课程，将初中学段的物理、化学课程进行精确组合，享受更多组合，更多优惠！</p>
                </div>
            </div>
            <div>
                <img src="images/5c528d33358e1.png" alt="">
                <div>
                    <h2>优惠热销<img src="images/free.png" alt=""></h2>
                    <p>心动不如行动，海码课堂隆重推出热销优惠课程，将初中学段的物理、化学课程进行精确组合，享受更多组合，更多优惠！</p>
                </div>
            </div>
        </div>
        <div class="bg1-banner2">
            <h3>课程学习<span>课程 / 例题 / 习题</span></h3>
        </div>
        <div class="bg1-banner1">
            <div>
                <img src="images/5d4d42c992d86.png" alt="">
                <div>
                    <h3 style="margin-left: 40px;color: #81acf2">————&nbsp;自主学习&nbsp;————</h3>
                    <p>由百位名师五年匠心打造，专业三维动画团队精心制作，将一堂课程的知识点，浓缩为五分钟左右的三维教学视频，清晰地展现了宏观现象和微观原理，让孩子们五分钟学懂一堂课。</p>
                </div>
            </div>
            <div>
                <img src="images/5d4d43bcc9245.png" alt="">
                <div>
                    <h3 style="margin-left: 40px;color: #81acf2">————&nbsp;自主学习&nbsp;————</h3>
                    <p>由百位名师五年匠心打造，专业三维动画团队精心制作，将一堂课程的知识点，浓缩为五分钟左右的三维教学视频，清晰地展现了宏观现象和微观原理，让孩子们五分钟学懂一堂课。</p>
                </div>
            </div>
            <div>
                <img src="images/5d4d42c992e5a.png" alt="">
                <div>
                    <h3 style="margin-left: 40px;color: #81acf2">————&nbsp;自主学习&nbsp;————</h3>
                    <p>由百位名师五年匠心打造，专业三维动画团队精心制作，将一堂课程的知识点，浓缩为五分钟左右的三维教学视频，清晰地展现了宏观现象和微观原理，让孩子们五分钟学懂一堂课。</p>
                </div>
            </div>
        </div>
        <div class="bg1-banner2">
            <h3>海马新闻</h3>
            <a href="#">进入官网>></a>
        </div>
        <div class="bg1-banner3">
            <img src="images/news-banner.png" alt="">
            <div>
                <div>
                    <img src="images/5df85d8dd8f14.png" alt="">
                    <div>
                        <h3>携手共建“三维微视频教学全国示范基地”</h3> 
                        <p>
                            2019年12月，天津师范大学物理与材料科学学院与海码课堂在天津师...[详细]
                            <span>2019-12-17</span>
                        </p>
                    </div>
                </div>
                <div>
                    <img src="images/5df85d8dd8f14.png" alt="">
                    <div>
                        <div>
                            <h3>海码课堂邀您亲临2019苏州第五届泛亚联盟国际教育展</h3>
                            <p>
                                “泛亚联盟国际教育展”（TAEE）是由泛亚联盟教育集团倾心打造的一...[详细]
                                <span>2019-08-15</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bg2">
        <div>
            <div>
                <span><img src="images/tel.png" alt=""> 全国服务热线</span>
                <div>400-096-2766</div>
                <p>客服邮箱：4000962766@hmketang.com</p> 
                <p>网址：www.hmketang.com</p> 
                <p>地址：北京市海淀区唐家岭路弘祥1989文化产业园9幢9113室</p>
            </div>
            <div>
                <a href="#">在线教育</a>
                <a href="#">在线教育</a>
                <a href="#">在线教育</a>
                <a href="#">在线教育</a>
                <a href="#">在线教育</a>
                <a href="#">在线教育</a>
                <a href="#">在线教育</a>
                <a href="#">在线教育</a>
                <a href="#">在线教育</a>
                <a href="#">在线教育</a>
            </div>
            <div>
                <div><img src="images/wx-code.jpg" alt=""><p>海马课堂小程序</p></div>
                <div><img src="images/code.png" alt=""><p>海马课堂公众号</p></div>
                <div><img src="images/app-code.png" alt=""><p>海马课APP</p></div>
            </div>
        </div>
        <div>
            经营许可证编号：京ICP备14050434号-2
        </div>
        <!-- <div>
            经营许可证编号：京ICP备14050434号-2
        </div> -->
    </div>
</body>
</html>